
image {
	width: 100%;
	height: 100%;
}

.flex {
	display: flex;
}
.flex-wrap {
	flex-wrap: wrap;
}
.flex-1 {
	flex: 1;
}
.flex-v-center {
	align-items: center;
}
.flex-h-center {
	justify-content: center;
}
.flex-h-end {
	justify-content: flex-end;
}
.flex-h-between {
	justify-content: space-between;
}
.flex-h-around {
	justify-content: space-around;
}

.p-20 {
	padding: 20rpx;
}
.p-30 {
	padding: 30rpx;
}
.p-h-30 {
	padding-left: 30rpx;
	padding-right: 30rpx;
}
.p-h-20 {
	padding-left: 20rpx;
	padding-right: 20rpx;
}
.p-v-50 {
	padding-top: 50rpx;
	padding-bottom: 50rpx;
}
.p-v-40 {
	padding-top: 40rpx;
	padding-bottom: 40rpx;
}
.p-v-30 {
	padding-top: 30rpx;
	padding-bottom: 30rpx;
}
.p-v-20 {
	padding-top: 20rpx;
	padding-bottom: 20rpx;
}
.p-v-10 {
	padding-top: 10rpx;
	padding-bottom: 10rpx;
}
.p-t-10 {
	padding-top: 10rpx;
}
.p-t-20 {
	padding-top: 20rpx;
}
.p-t-30 {
	padding-top: 30rpx;
}
.p-b-50 {
	padding-bottom: 50rpx;
}
.p-b-40 {
	padding-bottom: 40rpx;
}
.p-b-30 {
	padding-bottom: 30rpx;
}
.p-b-20 {
	padding-bottom: 20rpx;
}
.p-b-10 {
	padding-bottom: 10rpx;
}

.m-t-5 {
	margin-top: 5rpx;
}
.m-t-10 {
	margin-top: 10rpx;
}
.m-t-15 {
	margin-top: 15rpx;
}
.m-t-20 {
	margin-top: 20rpx;
}
.m-t-25 {
	margin-top: 25rpx;
}
.m-t-30 {
	margin-top: 30rpx;
}
.m-t-40 {
	margin-top: 40rpx;
}
.m-b-5 {
	margin-bottom: 5rpx;
}
.m-b-10 {
	margin-bottom: 10rpx;
}
.m-b-20 {
	margin-bottom: 20rpx;
}
.m-b-30 {
	margin-bottom: 30rpx;
}
.m-b-40 {
	margin-bottom: 40rpx;
}
.m-l-10 {
	margin-left: 10rpx;
}
.m-l-15 {
	margin-left: 15rpx;
}
.m-l-20 {
	margin-left: 20rpx;
}
.m-l-30 {
	margin-left: 30rpx;
}
.m-r-10 {
	margin-right: 10rpx;
}
.m-r-16 {
	margin-right: 16rpx;
}
.m-r-20 {
	margin-right: 20rpx;
}

.bg-white {
	background-color: #fff;
}
.bg-grey {
	background-color: $u-bg-color;
}
.bg-transprent {
	background-color: transparent;
}

.c-error {
	color: $u-error;
}

.gap-h {
	width: 20rpx;
}
.gap-h-shrink {
	width: 20rpx;
	flex-shrink: 0;
}
.gap-v {
	height: 20rpx;
}
.gap-h-30 {
	width: 30rpx;
}
.gap-v-30 {
	height: 30rpx;
}
.gap-h-10 {
	width: 10rpx;
}
.gap-v-10 {
	height: 10rpx;
}

.btn-hover {
	opacity: .8;
}
.btn-hover2 {
	opacity: .9;
}

.scroll-x-inline {
	white-space: nowrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior-x: contain;
	scroll-snap-type: x mandatory;
}
.scroll-x-flex {
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior-x: contain;
	scroll-snap-type: x mandatory;
}


.sticky-top {
	position: sticky;
	top: 0;
	left: 0;
	z-index: 666;
}